@use 'sass:math';
@use './color.scss' as *;
@use 'sass:map';

@forward 'element-plus/theme-chalk/src/common/var.scss' with (
    $bg-color: (
        '': #fefefe,
        'page': #fefefe,
        'overlay': #fefefe,
    )
);

html {
    --primary-5: #e94842;
    --primary-7: #be1118;
    --primary-4: #fac4bc;
    --primary-3: #f49c92;
    --primary-2: #f49c92;
    --primary-1: #ffece8;
    --color-hw-text-1: #ffffff;
    --color-hw-text-2: #1d212a;
    --color-hw-text-3: #4e5a6a;
    --color-hw-text-4: #4e5a6a;
    --color-hw-text-5: #868f9c;
    --color-hw-text-6: #f2f3f5;
    // --el-color-primary:var(--primary-6);
    --warning-6: #ff7d01;
    --success-6: #00b429;
    --link-6: #e41d1d;
    --color-text-1: rgb(28, 32, 41);
    --color-text-3: rgb(134, 143, 156);
    --dark-primary-6: #e41d1d;
    --dark-link-6: #e41d1d;
    --el-bg-color-sub: rgb(247, 248, 250);
    --el-bg-color-og: rgb(254, 254, 254);
    --el-bg-color-og-hover: #ccc;
    --el-text-color-og: #333;
    --el-button-color-small: #ddd;
    --el-table-cell: #333;
    // --el-color-primary: #409eff;
    --el-button-text-color: #333;
}

:root {
    --primary-6: #e41d1d;
    --el-dialog-background-color:rgb(255,255,255);
    --main-background-color:#ffffff;
    --color-neutral-2: rgb(242, 243, 245);
    --color-fill-2: var(--color-neutral-2);
    --color-text-2: rgb(79, 91, 107);
    --color-secondary: var(--color-neutral-2);
    --color-primary-light-1: #ffece8;
    --el-color-primary: var(--primary-6);
    --el-color-primary-light-3: var(--primary-6);
    --el-menu-active-color: #333;
    --el-menu-text-color: #333;
    --el-menu-bg-color: #eee;
    --el-menu-item-height: 40px;
    --el-menu-sub-item-height: 40px;
    --el-menu-horizontal-sub-item-height: 36px;
    --el-menu-item-font-size: var(--el-font-size-base);
    --el-menu-item-hover-fill: var(--el-color-primary-light-9);
    --el-menu-border-color: var(--el-border-color);
    --el-menu-base-level-padding: 20px;
    --el-menu-level-padding: 20px;
    --el-menu-icon-width: 24px;
    --el-table-cell-center-background: #ffffff;
    --color-bg-2: #fff;
}
